<!DOCTYPE html>
<html lang="en">
<head>
	<!--#include file="/link/inc/head.html" -->
	<link rel="stylesheet" href="../css/monitor.css">

	<script src="../js/chosen_v1.4.2/chosen.jquery.js"></script>
	<script>
	$(function(){
        $('.bd .tabs').tabs(
        	'.ct > .panes', {
	            current: 'active',
	            tabs: 'li'
        });
	})
	</script>
</head>
<body>
	<!--#include file="/link/inc/header.html" -->
	<div class="wrapper">
		<div class="content ct-mod">
			<div class="hd">
				<div class="tit">上网行为日志</div>
			</div>
			<div class="bd">
				<div class="tabs">
					<ul class="tab">
						<li><a href="#">综合统计</a></li>
						<li><a href="#">详细查询</a></li>
					</ul>
				</div>
				<form class="form" autocomplete="off">
					<div class="ct">
						<div class="panes">
							<div class="choose">
								<div class="tit">排序方式</div>
								<div class="radio-box">
									<lable class="radio-select"><input type="radio" name="radiooption" class="radiooption">事件名</lable>
									<lable class="radio-select"><input type="radio" name="radiooption" class="radiooption">记录时间</lable>
								</div>
							</div>
							<div class="table-box">
								<div class="table">
									<table>
										<tr>
											<th class="event">类型</th>					
											<th>IP地址</th>
											<th class="date"> 访问时间</th>
										</tr>
										<tr>
											<td>网址</td>
											<td>IP 192.168.1.22 88-21-22-11-22 访问了 qq.com 允许</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr class="danger">
											<td>网址</td>
											<td>张三 访问 qq.com 被拒绝</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr class="danger">
											<td>网址</td>
											<td>李四 访问了 qq.com 被拒绝并警告</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr class="danger">
											<td>P2P软件</td>
											<td>IP 192.168.1.22 88-21-22-11-22 使用了 电驴 拒绝</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr>
											<td>社交软件</td>
											<td>IP 192.168.1.22 88-21-22-11-22 使用了 23321166这个QQ号进行登录</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr>
											<td>邮件监控</td>
											<td>薛小弟 发送了一封邮件，并成功进行转储</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<div class="panes">
							<div class="search">
								<div class="search-box">
									<input type="text" class="search-text" placeholder="请输入要查询的IP地址或人名">
									<button class="btn-search">查询</button>
								</div>
							</div>
							<div class="table-box">
								<div class="table">
									<table>
										<tr>
											<th class="event">类型</th>					
											<th>IP地址</th>
											<th class="date"> 访问时间</th>
										</tr>
										<tr>
											<td>网址</td>
											<td>IP 192.168.1.22 88-21-22-11-22 访问了 qq.com 允许</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr class="danger">
											<td>网址</td>
											<td>张三 访问 sqq.com 被拒绝</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr class="danger">
											<td>网址</td>
											<td>李四 访问了 qq.com 被拒绝并警告</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr class="danger">
											<td>P2P软件</td>
											<td>IP 192.168.1.22 88-21-22-11-22 使用了 电驴 拒绝</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr>
											<td>社交软件</td>
											<td>IP 192.168.1.22 88-21-22-11-22 使用了 23321166这个QQ号进行登录</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
										<tr>
											<td>邮件监控</td>
											<td>薛小弟 发送了一封邮件，并成功进行转储</td>
											<td>2014-10-11 23:59:11</td>
										</tr>
									</table>
								</div>
							</div>
						</div>

					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>